<template>
  <div class="program-doc">
    <div>历史记录</div>
    <el-table
      :data="tableData"
      :header-cell-style="headerRowStyle"
      :cell-style="cellStyle"
      style="width: 100%"
    >
      <el-table-column label="变更内容" prop="date"> </el-table-column>
      <el-table-column label="变更人" prop="name"> </el-table-column>
      <el-table-column label="变更时间" prop="address"> </el-table-column>
      <el-table-column label="变更前" prop="changebefore"> </el-table-column>
      <el-table-column label="变更后" prop="changeafter"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "program-do-plan",
  data() {
    return {
      tableData: [
        {
          date: "项目年度实施计划项目年度实施计划项目年度实施计划",
          name: "王小虎",
          address: "2020-12-12  10:10",
          changebefore: "未开始",
          changeafter: "进行中",
        },
        {
          date: "项目年度实施计划项目年度实施计划项目年度实施计划",
          name: "王小虎",
          address: "2020-12-12  10:10",
          changebefore: "未开始",
          changeafter: "进行中",
        },
        {
          date: "项目年度实施计划项目年度实施计划项目年度实施计划",
          name: "王小虎",
          address: "2020-12-12  10:10",
          changebefore: "未开始",
          changeafter: "进行中",
        },
        {
          date: "项目年度实施计划项目年度实施计划项目年度实施计划",
          name: "王小虎",
          address: "2020-12-12  10:10",
          changebefore: "未开始",
          changeafter: "进行中",
        },
        {
          date: "项目年度实施计划项目年度实施计划项目年度实施计划",
          name: "王小虎",
          address: "2020-12-12  10:10",
          changebefore: "未开始",
          changeafter: "进行中",
        },
        {
          date: "项目年度实施计划项目年度实施计划项目年度实施计划",
          name: "王小虎",
          address: "2020-12-12  10:10",
          changebefore: "未开始",
          changeafter: "进行中",
        },
      ],
    };
  },
  methods: {
    headerRowStyle() {
      return {
        backgroundColor: "#E8E8E8",
        color: "#333333",
        textAlign: "center",
      };
    },
    cellStyle() {
      return { color: "#333333", textAlign: "center" };
    },
    /**
     * 下载
     */
    handleDownload(index, row) {
      console.log(index);
      console.log(row);
    },
    /**
     * 详情
     */
    handleDetail(index, row) {
      console.log(index);
      console.log(row);
    },
  },
};
</script>
<style lang="less" scoped>
.program-doc {
  margin-top: 10px;
  & > div {
    &:first-child {
      padding: 10px 0;
      color: #333333;
      font-size: 16px;
      font-weight: bold;
    }
  }
}
</style>